;
// 提示信息组件
(function (window, undefined) {
    var Mytoast = function () {
    };
    Mytoast.prototype = {  //prototype 属性使您有能力向对象添加属性和方法。
        create: function (str, duration) {
            let self = this;
            var toastHtml = '';
            var toastText = '<div class="my-toast-text" style=" position: fixed;\n' +
                ' background: rgba(4,4,112,.7);\n' +
                ' border-radius: 4px;\n' +
                ' padding: 10px;\n' +

                ' transform: translate(-50%,-50%);\n' +
                ' max-width: 60%;\n' +
                ' text-align: center;\n' +
                ' transition: all .1s;">' + str + '</div>';
            toastHtml = '<div class="my-toast" style="            ' +
                'position: absolute;\n' +
                'top: 50%;\n' +
                'left: 50%;\n' +
                'color: #fff;\n' +
                'padding: 4px 10px;\n' +
                'padding-bottom: 6px;">' + toastText + '</div>';

            if (document.querySelector(".my-toast")) return;    //当还没hide时禁止重复点击
            document.body.insertAdjacentHTML('beforeEnd', toastHtml);
            duration == null ? duration = 2000 : '';  //如果toast没有加上时间，默认2000毫秒；
            self.show();
            setTimeout(function () {
                self.hide();
            }, duration);
        },
        show: function () {
            console.log('show')
            let self = this;
            document.querySelector(".my-toast").style.display = "block";
            // document.querySelector(".my-toast").style.marginTop = "-" + Math.round(document.querySelector(".my-toast").offsetHeight / 2) + "px";
            console.log(document.querySelector(".my-toast"))
            if (document.querySelector(".my-toast")) return;
        },
        hide: function () {
            console.log('hide')
            var self = this;
            if (document.querySelector(".my-toast")) {
                document.querySelector(".my-toast").parentNode.removeChild(document.querySelector(".my-toast"));
            }
        },
        toast: function (str, duration) {
            var self = this;
            return self.create(str, duration);
        }
    };
    window.Mytoast = Mytoast;
}(window));


// confirm确认框组件
(function ($) {

    $.alerts = {
        alert: function (title, message, callback) {
            if (title == null) title = 'Alert';
            $.alerts._show(title, message, null, 'alert', function (result) {
                if (callback) callback(result);
            });
        },

        confirm: function (title, message, callback) {
            if (title == null) title = 'Confirm';
            $.alerts._show(title, message, null, 'confirm', function (result) {
                if (callback) callback(result);
            });
        },


        _show: function (title, msg, value, type, callback) {
            console.log('msg', typeof msg, msg)
            var _html = "";

            _html += '<div id="mb_box"></div><div id="mb_con"><span id="mb_tit">' + title + '</span>';
            if (typeof msg === "object") {
                console.log('object')
                // debugger
                msg.forEach(item => {
                    _html += '<div class="mb_arrMsg">' + '\t' + item + '</div>';
                })
                _html += '<div id="mb_btnbox">'
            } else {
                _html += '<div id="mb_msg">' + msg + '\n' + 11111 + '</div><div id="mb_btnbox">';
            }
            if (type == "alert") {
                _html += '<input id="mb_btn_ok" type="button" value="确定" />';
            }
            if (type == "confirm") {
                _html += '<input id="mb_btn_ok" type="button" value="确定" />';
                _html += '<input id="mb_btn_no" type="button" value="取消" />';
            }
            _html += '</div></div>';

            //必须先将_html添加到body，再设置Css样式
            $("body").append(_html);
            GenerateCss();

            switch (type) {
                case 'alert':
                    $("#mb_box").click(function () {
                        $.alerts._hide();
                        if (callback) callback(false);
                    });
                    $("#mb_btn_ok").click(function () {
                        $.alerts._hide();
                        callback(true);
                    });
                    $("#mb_btn_ok").focus().keypress(function (e) {
                        if (e.keyCode == 13 || e.keyCode == 27) $("#mb_btn_ok").trigger('click');
                    });
                    break;
                case 'confirm':
                    $("#mb_box").click(function () {
                        $.alerts._hide();
                        if (callback) callback(false);
                    });
                    $("#mb_btn_ok").click(function () {
                        $.alerts._hide();
                        if (callback) callback(true);
                    });
                    $("#mb_btn_no").click(function () {
                        $.alerts._hide();
                        if (callback) callback(false);
                    });
                    $("#mb_btn_no").focus();
                    $("#mb_btn_ok, #mb_btn_no").keypress(function (e) {
                        if (e.keyCode == 13) $("#mb_btn_ok").trigger('click');
                        if (e.keyCode == 27) $("#mb_btn_no").trigger('click');
                    });
                    break;


            }
        },
        _hide: function () {
            $("#mb_box,#mb_con").remove();
        }
    }

    // 调用API
    zdalert = function (title, message, callback) {
        $.alerts.alert(title, message, callback);
    }

    zdconfirm = function (title, message, callback) {
        $.alerts.confirm(title, message, callback);
    };

    //生成Css
    var GenerateCss = function () {

        $("#mb_box").css({
            width: '100%', height: '100%', zIndex: '99999', position: 'fixed',
            filter: 'Alpha(opacity=60)', backgroundColor: 'black', top: '0', left: '0', opacity: '0.6'
        });

        $("#mb_con").css({
            zIndex: '999999', width: '50%', position: 'fixed',
            backgroundColor: 'White', borderRadius: '5px'
        });

        $("#mb_tit").css({
            display: 'block', fontSize: '14px', color: '#444', padding: '10px 15px',
            backgroundColor: '#DDD', borderRadius: '5px 5px 0 0',
            borderBottom: '3px solid #009BFE', fontWeight: 'bold'
        });

        $("#mb_msg").css({
            padding: '20px', lineHeight: '20px',
            borderBottom: '1px dashed #DDD', fontSize: '13px'
        });

        $(".mb_arrMsg").css({
            padding: '10px 20px', lineHeight: '18px',
            borderBottom: '1px dashed #DDD', fontSize: '13px'
        });


        $("#mb_ico").css({
            display: 'block', position: 'absolute', right: '10px', top: '9px',
            border: '1px solid Gray', width: '18px', height: '18px', textAlign: 'center',
            lineHeight: '16px', cursor: 'pointer', borderRadius: '12px', fontFamily: '微软雅黑'
        });

        $("#mb_btnbox").css({margin: '15px 0 10px 0', textAlign: 'center'});
        $("#mb_btn_ok,#mb_btn_no").css({
            outline: 'none',
            width: '85px',
            height: '30px',
            color: 'white',
            border: 'none',
            borderRadius: '4px'
        });
        $("#mb_btn_ok").css({backgroundColor: '#042c70'});
        $("#mb_btn_no").css({backgroundColor: 'gray', marginLeft: '20px'});


        //右上角关闭按钮hover样式
        $("#mb_ico").hover(function () {
            $(this).css({backgroundColor: 'Red', color: 'White'});
        }, function () {
            $(this).css({backgroundColor: '#DDD', color: 'black'});
        });

        var _widht = document.documentElement.clientWidth; //屏幕宽
        var _height = document.documentElement.clientHeight; //屏幕高

        var boxWidth = $("#mb_con").width();
        var boxHeight = $("#mb_con").height();

        //让提示框居中
        $("#mb_con").css({top: (_height - boxHeight) / 2 + "px", left: (_widht - boxWidth) / 2 + "px"});
    }


})(jQuery);

// 获取url参数
function queryURLName(name) {
    const search = location.search.substr(1) //截取第一个字符后的字符串 a=100&b=20&c=30
    const p = new URLSearchParams(search)
    return p.get(name)
}

// 在右下角增加一个返回按钮
// $("body").append(_html);
function addBackBtn() {
    // let backHtml = '<div class="mb_arrMsg">' + '\t' + item + '</div>';
    let backHtml = '<button id="myBackBtn" class="my-btn" style="position: fixed;right: 10px;bottom: 60%;    width: 50px;\n' +
        '    height: 50px;\n' +
        '    border-radius: 40px;\n' +
        '    border: 1px solid #0d5aa7;\n' +
        '    padding: 0;\n' +
        '}" onclick="javascript:history.back()"> 返回 </button>'
    $("body").append(backHtml);
// $("#myBackBtn").css({backgroundColor: '#042c70'});
}